*{
  margin: 0;
  padding: 0;
  font-family: Roboto, monospace;
}

.logo {
    width: auto;
    height: auto;
}

.nav_bar {
    width: 150px;
    height: 100%;
    background: #ffffff;
    border-radius: 0 25px 25px 0
}
.nav_bar:hover {
    width: 250px;
    transition: 0.5s;
}

.container {
    background: #222222;
    width: 100%;
    height: 100vh;
    display: flex;
    text-align: center;
    align-self: center;
    align-content: center;
}

.logo_desc {
  font-size: 35px;
  text-align: center;
}
.project {
  font-size: 25px;
  text-align: center;
}
.image_wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.image_wrapper img {
    height: 600px;
    width: 600px;
    background-color: white;
}